{% extends 'base/base.html' %}
{% block title %}
<title>agem首页</title>
{% endblock %}
{% block css %}
<style>
.xcontainer {
    width: 1140px;
    max-width: 1140px;
    padding-top: .5rem !important;
}
</style>
{% endblock %}
{% block body %}
<div class="body_content_wrapper pb-2 mt-0">
    <div class="container xcontainer">
    <section class="bg-dark rounded-3 g-0 p-3 text-white">
        <div class="row">
            <div class="col-8">

                <div class="video_list_box recommend_list">
                    <div class="video_list_box--hd">
                        <h6 class="title"><a href='{% url "main:recommend" %}' class="float-end"><span class="badge bg-light text-dark sub-button">更多 »</span></a>今日推荐</h6>
                    </div>
                    <div class="video_list_box--bd">
                        <div class="col g-2 position-relative">
                            <div class="row row-cols-5 g-1">
                            {% for an in same_weekday_animes|slice:":15" %}
                                <div class="col g-2 position-relative">
                                <div class="video_item">
                                    <div class="video_item--image position-relative">
                                        <img referrerpolicy="no-referrer" src="https://cdn.aqdstatic.com:966/age/{{ an.imglink }}" data-original="https://cdn.aqdstatic.com:966/age/{{ an.imglink }}" class="video_thumbs lazyload d-block w-100" style="display: block;"><span class="video_item--info rounded-1 text-truncate">{{ an.episode }}集</span>
                                    </div>
                                    <div class="video_item-title text-truncate text-center py-2">
                                        <a href='{% url "main:detail" an.id %}' class="link-light text-decoration-none stretched-link">{{ an.title }}</a>
                                    </div>
                                </div>
                                </div>
                            {% endfor %}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-4">
                <div class="text_list_box recent_update_list">
                    <div class="text_list_box--hd">
                        <h6 class="title">最近新番</h6>
                    </div>
                    <div class="text_list_box--bd">
                        <div class="text_list_box_wrapper">
                            <ul class="text_list_item">
                                {% for date in ans_date|slice:":20" %}
                                <li>
                                    <div class="d-flex position-relative">
                                        <div class="flex-grow-1 text-truncate pe-2"><a href='{% url "main:detail" date.id %}' class="text-decoration-none link-light common_alink stretched-link">{{ date.title }}</a></div>
                                        <div class="title_sub text-truncate">{{ date.pub_date }}</div>
                                    </div>
                                </li>
                                {% endfor %}
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    </div>
</div>
{% endblock %}